<template>
  <div class="header-info">
    <img src="../../assets/image/logo.png" alt="logo" title="logo" class="logo">
    <span class="title"><b>W</b><b style="color:red">I</b><b>T</b>
       <svg class="icon shequ" aria-hidden="true">
          <use xlink:href="#icon-shequ"></use>
        </svg>
    </span>
  </div>
</template>

<script>
export default {
  name: 'HeaderLogo'
};
</script>

<style scoped>
.header-info{
  display: flex;
  font-size: 1.8rem;
  align-items: center;
}
.header-info .logo{
  width: 66px;
  height: 66px;
  margin: 0 10px;
}
.header-info .title b{
  color: #00fe66;
}
.header-info .title .shequ{
  font-size: 2.1rem;
}
</style>